<!DOCTYPE html>
<html>
	<head>
		<title>UofT Cinema</title>
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8">
		
		<!-- Bootstrap -->
		<link href="<?php echo base_url(); ?>assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="<?php echo base_url(); ?>assets/css/style.css" rel="stylesheet" media="screen">
		
		<script>
			function submitForm() {
				var user = document.getElementById('username');
				var pass = document.getElementById('pass');
				if(user.value == "admin" && pass.value == "admin") {
					document.getElementById('submit_id').value = "log";
				}
			}	
		</script>	
	
	</head>
	<body>
		<div class="header">
			<div class="hero-unit">
				<h1>UofT Cinema</h1>
				<p>Find movie schedules on our venues spread downtown Toronto.</p>
			</div>
		</div>
	<form class="form-inline" action="<?php base_url()?>crud/login" method="post">
		<div class="content">
			<label for="username">Username:</label><br/>
			<input type="text" size="20" id="username" name="username"/>
			<br/>
			
			<label for="password">Password:</label><br/>
			<input type="password" size="20" id="pass" name="password"/>
			<br/>
			
			<button type="submit" onclick="submitForm()">Login</button>
			<input type="hidden" name="Submit" id="submit_id" value="" />
		</div>
	</form>
		
		<script src="<?php echo base_url(); ?>assets/js/jquery-1.10.2.min.js"></script>
		<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>
	</body>
</html>